<template>
    <div class="draggable-container">
        <div class="title">拖拽指令🍇🍇🍇🍓🍓🍓</div>
        <div class="drag-box shape" v-draggable><span>我是可以拖拽的。。。</span></div>
    </div>
</template>

<script setup lang="ts" name="draggable">
</script>

<style scoped lang="scss">
.draggable-container {
    position: relative;

    .drag-box {
        position: absolute;
        top: 110px;
        left: 50%;
        width: 300px;
        height: 300px;
        font-size: 23px;
        font-weight: bold;
        color: var(--el-color-primary-light-3);
        background: var(--el-color-primary-light-9);
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
    }


}</style>